<template>
  <div class="text-center inline-block border border-#555e77 rounded-sm p-5 text-#555e77 w-50"
    :class="{ 'bg-#555e77 !text-white': isActive }">
    <h2 class="text-6 ">{{ value }} {{ unit }}</h2>
    <p class="text-4.5 mt-2">{{ title }}</p>
  </div>
</template>
<script setup lang="ts">
defineProps({
  unit: {
    type: String,
    default: "笔"
  },
  isActive: {
    type: Boolean,
    default: false
  },
  title: {
    type: String,
    default: "融资需求"
  },
  value: {
    type: Number,
    default: 0
  }
})
</script>
<style lang="scss" scoped></style>
